/*
 * @Author: error: git config user.name && git config user.email & please set dead value or install git
 * @Date: 2022-07-21 09:11:46
 * @LastEditors: error: git config user.name && git config user.email & please set dead value or install git
 * @LastEditTime: 2022-07-21 11:35:24
 * @FilePath: \creation\5_creation\app\src\view\Detail.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React, { Component } from 'react'
import { RouteComponentProps } from 'react-router-dom'
import './detail.css'

type Props = {}

type State = {}

class Detail extends Component<Props & RouteComponentProps, State> {
  state = {}

  render() {
    let DetailData: any = this.props.location.state

    return (
      <div className='DetailWrap'>
        <div className="top">
          <h1>{DetailData.title}</h1>
          <img src={DetailData.cover} alt="" />
        </div>
        <div className="main">
          <p>{DetailData.content}</p>
        </div>
      </div>
    )
  }
}

export default Detail